﻿<cfsilent>
	<cfscript>

		event.setArg("pageTitle", "学习进程规划 - 选课课程表");

		sessionAdvice = getProperty("serviceFactory").getBean("sessionAdvice");
		dictAdvice = getProperty("serviceFactory").getBean("senateDictionaryAdvice");

		termId = event.getArg("TermID");

		academicYear = event.getArg("AcademicYear");
		academicTerm = event.getArg("AcademicTerm");

		/* 学籍相关信息 */
		//studentId = sessionAdvice.getAutherUserID();
		//studentClassId = sessionAdvice.getUserProp("studentClass");
		//studentSubjectId = sessionAdvice.getUserProp("studentSubject");
		//studentDirId = sessionAdvice.getUserProp("studentSubDir");
		//studentGrade = sessionAdvice.getUserProp("studentGrade");
		//studentDepartment = sessionAdvice.getUserProp("studentDepartment");
		
		currentTab = event.getArg("TabID", "labCourseTable");

	
	</cfscript>
</cfsilent>

<div id="headArea">
	<div class="uiHeader uiHeaderWithImage ptm">
		<div class="clearfix uiHeaderTop">
			<div class="uiHeaderActions rfloat">
				<a class="uiButton" href="<cfoutput>#buildURL('DEFAULT_EVENT')#</cfoutput>"><i class="mrs img btnPublish"></i><span class="uiButtonText">学习进程规划</span></a>
			</div>
			<div>
				<h2 class="uiHeaderTitle">
					<i class="uiHeaderImage img icon16x16 application"></i><cfoutput>#academicYear#</cfoutput>学年 <cfoutput>#dictAdvice.getTerm(academicTerm)#</cfoutput> - 选课课程表
				</h2>
			</div>
		</div>
	</div>
</div>

<div class="UIElement">
	<ul class="senateFirstPage">
		<li>
			<div class="clearfix" id="programCourse">
				<div class="UItab">
					<div class="tabLables">
						<span <cfif currentTab eq "labCourseTable">class="active"</cfif> id="labCourseTable" tabTarget="CourseTable">个人课表</span>
						<span <cfif currentTab eq "labChoosen">class="active"</cfif> id="labChoosen" tabTarget="Choosen">已选课程</span>
						<!---<span <cfif currentTab eq "labCharge">class="active"</cfif> id="labCharge" tabTarget="Charge">学费明细清单</span>--->
					</div>
				</div>
				<script language="javascript" type="text/javascript">
					//<![CDATA[
					<!--
					$(document).ready(function() {
						
						/* init Tab */
						$("div.tabContent").hide();
						$("div#" + $("div.tabLables span.active").attr("tabTarget")).show();
						
						$("div.tabLables > span").click(function(){
							var $targetID = $(this).attr("tabTarget");
							
							$("div.tabLables span").removeClass("active");
							$(this).addClass("active");
							
							$("div.tabContent").not('[id="' + $targetID + '"]').hide();
							$("div.tabContent#" + $targetID).show();
						});
						
					});
					
					// -->
					//]]>
				</script>
				<div id="CourseTable" class="tabContent">
					
					<div class="noticeBlock">
						<h3><cfoutput>#academicYear#-#academicTerm#</cfoutput> 学期 个人课表</h3>
						<p>下列是当前学期, 您已选择修读的课程的上课安排.</p>
						<hr/>
					</div>

					<div id="choosenCourseTable">
						<!--- 显示学生课表 --->
						<!-- studentCourseTable -->
						<cfoutput>#event.getArg("choosenCourseTable")#</cfoutput>
						<!-- /studentCourseTable -->
					</div>
					
				</div>
				<div id="Choosen" class="tabContent">
					
					<div class="noticeBlock">
						<h3><cfoutput>#academicYear#-#academicTerm#</cfoutput> 学期 已选课程清单</h3>
						<p>下列是当前学期, 您已选择修读的所有课程清单.</p>
						<hr/>
					</div>
					
					<div id="choosenTable">
						<!--- 显示学生选课记录 --->
						<!-- studentChoosenTask -->
						<cfoutput>#event.getArg("choosenCourse")#</cfoutput>
						<!-- /studentChoosenTask -->
					</div>
				</div>
				<div id="Charge" class="tabContent">
					
					<div class="noticeBlock">
						<h3><cfoutput>#academicYear#-#academicTerm#</cfoutput> 学期 课程学费明细</h3>
						<p>下列是当前学期, 您已选择修读的课程的学费及相关费用明细表.</p>
						<hr/>
					</div>
					
					<div id="chargeTable">
						<!--- 显示学生费用结算记录 --->
						<!-- chargeCourse -->
						<cfoutput>#event.getArg("chargeCourse")#</cfoutput>
						<!-- /chargeCourse -->
					</div>
				</div>
				
				
				
			</div>
		</li>
	</ul>
</div>
